.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}
.txh {
    display: flex;
    display: -webkit-flex;
}
header {
    .txh();
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    .px2rem(height,92);
    z-index: 10000;
    background-color: white;

    position: fixed;
    span:nth-child(1) {
        .px2rem(padding-left, 27);
        img {
            .px2rem(width, 40);
            .px2rem(height, 35);
        }
    }
    span:nth-child(2) {
        .px2rem(padding-left, 70);
        .px2rem(font-size, 32);

    }
}
#main {
    .px2rem(padding-top,92);
    ul {
        .txh();
        flex-direction: column;
        li:nth-child(1) {
            p:nth-child(1) {
                img {
                    width: 100%;
                }
            }
            p:nth-child(2) {
                .txh();
                justify-content: center;
                //align-items: center; 
                img {
                    .px2rem(padding-top,45);
                    .px2rem(padding-bottom,55);
                    .px2rem(width,405);
                    .px2rem(height,65);

                }
            }

        }
        li:nth-child(2) {
            .txh();
            flex-direction: column;
            justify-content: center;
            align-items: center;
            .px2rem(padding-bottom,60);
            h1 {
                .txh();
                .px2rem(height,50);
                align-items: center;
                span:nth-child(1) {
                    img {
                        .px2rem(width,50);
                        .px2rem(height,50);
                    }
                }
                span:nth-child(2) {
                    .px2rem(font-size,30);
                    .px2rem(padding-left,13);

                    color: #FF5858;

                }
            }
            .span_1 {
                .px2rem(font-size,25);
                .px2rem(padding-top,30);
            }
            .span_2 {
                .px2rem(font-size,25);
                .px2rem(padding-top,10);
            }

        }
        li:nth-child(3) {
            .txh();
            flex-direction: column;
            justify-content: center;
            align-items: center;
            .px2rem(padding-bottom,60);
            h1 {
                .txh();
                .px2rem(height,50);
                align-items: center;
                span:nth-child(1) {
                    img {
                        .px2rem(width,50);
                        .px2rem(height,50);
                    }
                }
                span:nth-child(2) {
                    .px2rem(font-size,30);
                    .px2rem(padding-left,13);

                    color: #FF5858;

                }
            }
            .span_1 {
                .px2rem(font-size,25);
                .px2rem(padding-top,30);
            }
            .span_2 {
                .px2rem(font-size,25);
                .px2rem(padding-top,10);
            }

        }
        li:nth-child(4) {
            .txh();
            flex-direction: column;
            justify-content: center;
            align-items: center;
            .px2rem(padding-bottom,60);
            h1 {
                .txh();
                .px2rem(height,50);
                align-items: center;
                span:nth-child(1) {
                    img {
                        .px2rem(width,50);
                        .px2rem(height,50);
                    }
                }
                span:nth-child(2) {
                    .px2rem(font-size,30);
                    .px2rem(padding-left,13);

                    color: #FF5858;

                }
            }
            .span_1 {
                .px2rem(font-size,25);
                .px2rem(padding-top,30);
            }
            .span_2 {
                .px2rem(font-size,25);
                .px2rem(padding-top,10);
            }

        }

    }

}

footer {
    .txh();
    width: 100%;
    justify-content: center;
    align-items: center;
    .px2rem(height, 98);
    background: #ff5858;
    position: fixed;
    bottom: 0;

    p {
        color: white;
        .px2rem(font-size, 27);
    }

}

.kuang {
    width: 100%;
    .px2rem(height,545);
    background-color: white;
    position: absolute;
    z-index: 2000000;
    bottom: 0;
    ul {
        li:nth-child(1) {
            .txh();
            justify-content: space-between;
            align-items: center;
            .px2rem(height,105);
            border-bottom: 1px solid #CCCCCC;
            span:nth-child(2) {
                .px2rem(font-size, 30);
            }
            span:nth-child(3) {
                .px2rem(font-size, 30);
                .px2rem(padding-right, 30);
                color: #666666;
            }
        }
        li:nth-child(2) {
            .px2rem(height, 60);
            .px2rem(padding-top, 50);
            .px2rem(padding-bottom, 50);
            .txh();
            justify-content: flex-start;
            align-items: center;
            span:nth-child(1) {
                .px2rem(padding-left, 30);
                img {
                    .px2rem(width, 60);
                    .px2rem(height, 60);
                }
            }
            span:nth-child(2) {
                .px2rem(font-size, 30);
                .px2rem(padding-left, 25);
            }
            span:nth-child(3) {
                .px2rem(padding-left, 460);
            }
        }
        li:nth-child(3) {
            .px2rem(height, 60);
            .px2rem(padding-top, 50);
            .px2rem(padding-bottom, 50);
            border-bottom:1px solid #CCCCCC ;
            .txh();
            justify-content: flex-start;
            align-items: center;
            span:nth-child(1) {
                .px2rem(padding-left, 30);
                img {
                    .px2rem(width, 55);
                    .px2rem(height, 50);
                }
            }
            span:nth-child(2) {
                .px2rem(font-size, 30);
                .px2rem(padding-left, 25);
            }
            span:nth-child(3) {
                .px2rem(padding-left, 440);
            }
        }
        li:nth-child(4){
            .txh();
            justify-content: center;
            .px2rem(padding-top, 20);
            
             button{
                 
                width: 90%;
                .px2rem(height, 72);
                .px2rem(font-size, 26);
                color: white;
                background-color: #FF5858;
                border-radius: 15px;
        }
        }
       
    }
    //.px2rem(padding-bottom, 130);
}
.flex{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(149,149,149,0.5);
    z-index: 10000;
    display: none;
}
